<%--<%@ page contentType="text/html;charset=UTF-8" language="java" %>--%>
<%--<html>--%>
    <%--<head>--%>
        <%--<title>Title</title>--%>
        <%--<style>--%>
            <%--#photoimg{--%>
                <%--width: 100px;--%>
                <%--height: 100px;--%>
                <%--border: 1px solid;--%>
            <%--}--%>
        <%--</style>--%>
        <%--<script src="${pageContext.request.contextPath}/js/jquery-3.3.1.min.js"></script>--%>

        <%--<script>--%>
            <%--$(function(){--%>
                <%--$("input[name='photo']").change(function (e) {--%>
                    <%--var file=this.files[0];--%>



                    <%--var reader=new FileReader();--%>
                    <%--reader.readAsDataURL(file);--%>

                    <%--console.log(reader)--%>

                    <%--//文件读取完后事件--%>
                    <%--reader.onload=function(){--%>
                        <%--$("#photoimg").html("<img src='"+reader.result+"' style='width:100%;height: 100%;'/>");--%>
                    <%--};--%>



                <%--});--%>
            <%--});--%>
        <%--</script>--%>
    <%--</head>--%>
    <%--<body>--%>
        <%--<form action="${pageContext.request.contextPath}/uploadphoto.emp">--%>
            <%--姓名：<input type="text" value="<%=new String(request.getParameter("name").getBytes("ISO8859-1"),"UTF-8")%>" readonly="readonly"/><br/>--%>
            <%--头像：<input type="file" name="photo" accept="image/*"/><br/>--%>
            <%--<div id="photoimg"></div>--%>
            <%--<input type="submit" value="上传" />--%>
        <%--</form>--%>
    <%--</body>--%>
<%--</html>--%>


<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
    <head>
        <title>Title</title>
        <style>
            #photoimg{
                width: 100px;
                height: 100px;
                border: 1px solid;
            }
        </style>
        <script src="${pageContext.request.contextPath}/js/jquery-3.3.1.min.js"></script>

        <script>
            $(function(){
                $("input[name='photo']").change(function (e) {
                    var file=this.files[0];



                    var reader=new FileReader();
                    reader.readAsDataURL(file);

                    console.log(reader);

                    //文件读取完后事件
                    reader.onload=function(){
                        $("#photoimg").html("<img src='"+reader.result+"' style='width:100%;height: 100%;'/>");
                    };



                });
            });
        </script>
    </head>
    <body>
        <form action="${pageContext.request.contextPath}/uploadphoto.emp" method="post" enctype="multipart/form-data">
            <%--姓名：<input type="text" value="<%=new String(request.getParameter("name").getBytes("ISO8859-1"),"UTF-8")%>" readonly="readonly"/><br/>--%>
            <input type="hidden" name="id" value="${emp.id}"/>
            姓名：<input type="text" value="${emp.name}" readonly="readonly"/><br/>
            头像：<input type="file" name="photo" accept="image/*"/><br/>
            <div id="photoimg"></div>
            <input type="submit" value="上传" />
        </form>

        ${message}
    </body>
</html>
